*{
	margin:0;
	padding: 0;
}
body{
	font-size: 14px;
	width:100%;
	height:100%;
	
}
#zhao{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left:0;
	top:0;
	display: none;
}
#top{
	width:100%;
	height:30px;
	border-bottom: 1px solid #ccc;
	background:#eee;
	ul{
		width:90%;
		height:40px;
		// background: pink;
		margin:0 auto;
		list-style: none;
		li{
			float: left;
			text-decoration: none;
			color: black;
			width:80px;
			height:20px;
			margin-top:4px;
			// margin-left: 2px;
			// background:yellow;
			text-align: center;
			line-height: 20px;
			border-right: 1px solid #ccc;
			a{
				text-decoration:none;
			}
		}
	}

}
#nav{
	width:100%;
	height:70px;
	// background:pink;
	ul{
		width:90%;
		height:70px;
		// background:yellow;
		margin:0 auto;
		li{
			list-style:none;
			margin-left:30px;
			float:left;
			font-size:17px;
			line-height:70px;
			img{
				height:100%;
			}
		}
	}
}
#lun{
	width:90%;
	height:333px;
	// background:pink;
	margin:0 auto;
	position:relative;
}
#kuang{
	width:20%;
	height:333px;
	background:rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:0;
	margin-top:10px;
	li{
		width:100%;
		height:84px;
		// background:pink;
		border-bottom:1px solid white;
		list-style:none;
		color:white;
		padding-left: 25px;
		font-size:18px;
	}
	li:hover{
		background:green;
	}
}
#center1{
	width:90%;
	height:170px;
	// background:pink;
	margin:0 auto;
	display:flex;
	margin-top:5px;
}
.tan{
	justify-content:center;
}
#hot{
	width:90%;
	height:50px;
	background:#eee;
	margin:0 auto;
	line-height:50px;
}
#guzhi{
	width:90%;
	height:300px;
	// background:pink;
	margin:0 auto;
}
#city1{
	width:400px;
	height:200px;
	border:1px solid #ccc;
	position:absolute;
	left:120px;
	top:25px;
	z-index: 999;
	background:#eee;
	display:none;
}
#city1-1{
	width:370px;
	height:160px;
	border:1px solid #ccc;
	margin:0 auto;
	background:white;
	ul{
		li{
			float:left;
			z-index: 999;
			list-style:none;
			margin-left:5px;
			box-sizing:border-box;
			width:30px;
			height:20px;
			// background:pink;
		}
	}
}
.list:hover{
	color:red;
	border-bottom:1px solid red;
}
.one{
	width:194px;
	height:300px;
	float:left;
	list-style:none;
	// background:blue;
	margin-left:1px;
	h5{
		text-align:center;
	}
}
.two{
	width:194px;
	height:300px;
	float:left;
	list-style:none;
	// background:blue;
	margin-left:1px;
	h5{
		margin-left:25px;
	}
	h4{
		margin-left:45px;
		color:red;
	}
}
#bottom{
	width:90%;
	height:700px;
	margin:0 auto;
	// background:pink;
}
#qq{
	float:left;
	width:200px;
	height:50px;
	border:1px solid green;
	line-height:50px;
	margin-left:10px;
}
#big{
	width:100%;
	height:700px;
	// background:yellow;
}
#left{
	width:70%;
	height:100%;
	// background:pink;
	float:left;
}
#right{
	width:25%;
	height:100%;
	// background:pink;
	float:right;
	li{
		list-style:none;
		border-bottom:1px solid #ccc;
		img{
			width:20%;
			margin-left:20px;
			margin-right: 20px;
		}
	}
}
#left1{
	width:100%;
	height:60px;
	background:#eee;
	border:1px solid #ccc;
	margin-top:20px;
	li{
		float:left;
		line-height:60px;
		list-style:none;
		width:100px;
		height:100%;
		text-align:center;
	}
	li:hover{
		border:1px solid #ccc;
		background:white;
	}
}
#left2{
	width:100%;
	// border:1px solid #ccc;
	height:100px;
	ul{
	width:100%;
	border:1px solid #ccc;
	height:100px;
			li{
			// width:100%;
			// background:yellow;
			float:left;
			margin-left:30px;
			list-style:none;
		}
	}
	
}
#hh{
	width:100%;
	height:50px;
	background:#eee;
	border:1px solid #ccc;
	line-height:50px;
	text-align:center;
}